<div id="submenu">
	<ul>
		<li class="current"><a href="#" title="Consultar">Consultar</a></li>
		<li class="last"><a href="#" title="Nuevo">Nuevo</a></li>
	</ul>
	<br class="clearer" />
</div>
<div id="content" class="period">
	<p class="print_button">
		<a href="#" title="Imprime esta p&aacute;gina">Imprimir</a>
	</p>
	<h1>Per&iacute;odos existentes</h1>
	<table>
		<tr>
			<th class="column_id"># De Per&iacute;odo 
					<a href="#" title="Ordenar descendentemente"><img
					src="../resources/images/arrow_down.png" alt="&darr;"
					class="sort_arrow_desc" /> </a> <a href="#" title="Ordenar ascendentemente"><img
					src="../resources/images/arrow_up.png" alt="&uarr;"
					class="sort_arrow_asc" /> </a>
			</th>
			
			<th class="column_starts">Inicio <a href="#" title="Ordenar descendentemente"><img
					src="../resources/images/arrow_down.png" alt="&darr;"
					class="sort_arrow_desc" /> </a> <a href="#" title="Ordenar ascendentemente"><img
					src="../resources/images/arrow_up.png" alt="&uarr;"
					class="sort_arrow_asc" /> </a>
			</th>
			
			<th class="column_ends">Fin
					<span class="sort_arrows"> <a href="#"
				title="Ordenar descendentemente"><img src="../resources/images/arrow_down.png"
					alt="&darr;" class="sort_arrow_desc" /> </a> <a href="#"
				title="Ordenar ascendentemente"><img src="../resources/images/arrow_up.png"
					alt="&uarr;" class="sort_arrow_asc" /> </a>
					</span>
			</th>
			
			<th class="column_status">Estatus
					<span class="sort_arrows"> <a href="#"
				title="Ordenar descendentemente"><img src="../resources/images/arrow_down.png"
					alt="&darr;" class="sort_arrow_desc" /> </a> <a href="#"
				title="Ordenar ascendentemente"><img src="../resources/images/arrow_up.png"
					alt="&uarr;" class="sort_arrow_asc" /> </a>
					</span>
			</th>
			
			<th class="column_edit">&nbsp;
			</th>
		
		</tr>
		<tr class="odd">
			<td>00012</td>
			<td>12/sep/2012 <span>(#47)</span>
			</td>
			<td>12/sep/2012 <span>(#47)</span>
			</td>
			<td>Pendiente</td>
			<td><a href="#" title="Editar" class="edit_button">Editar</a></td>
		</tr>
		<tr class="pair">
			<td>00013</td>
			<td>12/sep/2012 <span>(#47)</span>
			</td>
			<td>12/sep/2012 <span>(#47)</span>
			</td>
			<td>Activo</td>
			<td><a href="#" title="Editar" class="edit_button">Editar</a></td>
		</tr>
		<tr class="odd">
			<td>00019</td>
			<td>12/sep/2012 <span>(#47)</span>
			</td>
			<td>12/sep/2012 <span>(#47)</span>
			</td>
			<td>Activo</td>
			<td><a href="#" title="Editar" class="edit_button">Editar</a></td>
		</tr>
		<tr class="pair">
			<td>00015</td>
			<td>12/sep/2012 <span>(#47)</span>
			</td>
			<td>12/sep/2012 <span>(#47)</span>
			</td>
			<td>Pendiente</td>
			<td><a href="#" title="Editar" class="edit_button">Editar</a></td>
		</tr>
		<tr class="odd">
			<td>00042</td>
			<td>12/sep/2012 <span>(#47)</span>
			</td>
			<td>12/sep/2012 <span>(#47)</span>
			</td>
			<td>Pendiente</td>
			<td><a href="#" title="Editar" class="edit_button">Editar</a></td>
		</tr>
	</table>
	<div class="pagination">
		<a href="#"><span>[1]</span></a>-<a href="#">2</a>-<a href="#">3</a>-<a href="#">4</a>
	</div>
	<br class="clearer" />
</div>